<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--首页seo标题-->
    <title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
    <!--首页seo描述-->
    <meta name="description" content="{$SEO['description']}"/>
    <!--首页seo关键词-->
    <meta name="keywords" content="{$SEO['keyword']}"/>
    <!--网站地址栏图标-->
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <link href="/statics/templates/jtwy/css/bootstrap.min.css" rel="stylesheet" media="screen" type="text/css"/>
    {if !$catid}
    <link href="/statics/templates/jtwy/js/camera/css/camera.css" rel="stylesheet" media="screen" type="text/css"/>
    {/if}
    <link href="/statics/templates/jtwy/css/style.css" rel="stylesheet" media="screen" type="text/css"/>
    {if (in_array($catid,[9,10,13,16]))}
    <link href="/statics/templates/jtwy/css/swiper-bundle.min.css" rel="stylesheet" media="screen" type="text/css">
    {/if}

    <!--[if lt IE 9]>
    <div class="notsupport">
        <h1>:( 非常遗憾</h1>
        <h2>您的浏览器版本太低，请升级您的浏览器</h2>
    </div>
    <![endif]-->

    {if !$catid}
    <style>
        .projectCaseItem {
            position: relative;
        }

        .projectCaseItem::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            background-color: rgba(0, 0, 0, .5);
            transition: all .5s;
        }

        .projectCaseItem a {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1000;
        }

        .projectCaseItem:hover::before {
            background-color: rgba(0, 0, 0, 0);

        }

        .projectCaseItem:hover p {
            color: #000;
        }
    </style>
    {/if}

    {if ($catid==9)}
    <style>
        html,
        body {
            position: relative;
            height: 100%;
        }

        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .swiper-pagination-bullet{
            opacity: 1;
            background: #fff;
        }
        .swiper-pagination-bullet-active{
            background: #EC872C;
        }
        .lunboWrap{
            width: 100%;
            height: 618px;
        }
        .swiper-button-next, .swiper-button-prev{
            color: #EC872C;
        }

        .swiper-button-next:after, .swiper-button-prev:after{
            font-size: 25px;
        }
        .swiper-button-next, .swiper-button-prev{
            width: 40px;
            height: 40px;
            background-color: rgba(150, 150, 150, 0.85);
            color: rgba(255,255,255,.6);
            opacity: 0 !important;
            /*display: none;*/
            transition: all .3s;
        }
        .swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev{
            opacity: 1 !important;
        }
        @media all and (max-width: 1200px) {
            .lunboWrap{
                height: 518px;
            }
        }
        @media all and (max-width: 992px) {
            .lunboWrap{
                height: 418px;
            }
        }
    </style>
    {/if}

    {if in_array($catid,[10,13,16])}
    <style>
        html,
        body {
            position: relative;
            height: 100%;
        }

        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .choiceImage-content {
            width: 230px;
            height: 416px;
        }

        /* swiper  style */

        .swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            cursor: pointer;
        }

        .swiper-button-prev {
            top: -75px;
            left: calc(50% - 22px)
        }

        .swiper-button-next {
            top: auto;
            bottom: -100px;
            left: calc(50% - 22px)
        }

        .swiper-button-next,
        .swiper-button-prev {
            /* padding-top: 20px;
            padding-bottom: 20px; */
            width: 45px;
            height: 230px;

            background-color: rgba(0, 0, 0, .5);
            transform: rotate(0.25turn);
            color: #fff
        }

        .changeImage {
            width: calc(100% - 260px)
        }

        .changeImage img {
            height: 415px;
            object-fit: cover;
        }

        @media all and (max-width: 768px) {
            .changeImage img {
                height: 315px;
            }

            .choiceImage-content {
                width: 60px;
                height: 216px;
            }

            .changeImage {
                width: calc(100% - 70px)
            }
        }
    </style>
    {/if}

    {if ($catid==15)}
    <style>
        .zplist {
            background: #f9f9f9;
            overflow: hidden;
            border: 1px solid #dfdfdf;
            border-top: 2px solid #dfdfdf;
            margin: 0;
            margin-bottom: 3rem;
            flex-direction: column;
        }

        .zplist .maintit {
            overflow: hidden;
            line-height: 50rem;
            font-size: 23rem;
            padding: 0 36rem;
            box-sizing: border-box;
            display: flex;
            height: 50rem;
        }

        .zplist .maintit div {}

        .zptit {
            overflow: hidden
        }

        .zplist ul li {
            overflow: hidden;
            border-top: 1px solid #e0e0e0
        }

        .zplist ul li>div {
            padding-left: 3.6rem;
            padding-right: 3.6rem;
            box-sizing: border-box
        }

        .zplist ul li .zptit {
            height: 65rem;
            line-height: 65rem;
            font-size: 18rem;
            display: flex;
        }

        .zpshow {
            background: #c3c3c3;
            color: #fff
        }

        .arrow {
            visibility: hidden
        }

        .zpshow .arrow {
            visibility: visible;
            margin-left: 48rem;
            vertical-align: middle
        }

        .zpshow>div {
            color: inherit
        }

        .zpcon {
            font-size: 19rem;
            color: #747474;
            padding-top: 21rem;
            padding-bottom: 21rem;
            overflow: hidden
        }

        .zpcon .col-md-6 {
            color: inherit
        }

        .zpcon h4 {
            font-size: 18rem;
            color: #333;
            margin-bottom: 14rem
        }

        @media (min-width:768px) {
            .navbar-nav>li>a {
                padding-top: 56px;
                padding-bottom: 46px
            }
            /*.navbar-brand {*/
            /*    padding: 35px 15px*/
            /*}*/
            .navbar-nav>li {
                margin-right: 6px
            }
            .header {
                padding-right: 10px
            }
            .navbar {
                margin-bottom: 0
            }
        }

        @media (max-width:767px) {
            .zpshow .arrow {
                display: none
            }
            .zplist .maintit {
                padding: 0
            }
            .zplist ul li>.zptit {
                padding: 0;
                font-size: 14px
            }
            .zplist ul li>.zpcon {
                padding: 14px 0;
                padding-bottom: 0;
                font-size: 14px
            }
            .zpcon h4 {
                margin-bottom: 10px
            }
            .zpcon .col-md-6 {
                margin-bottom: 16px
            }
            .navbar-nav>li {
                margin-bottom: 10px
            }
            .navbar-collapse {
                position: absolute;
                width: 100%;
                top: 82px;
                left: 0;
                z-index: 99;
                background: #fff;
                box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
                border-top: 1px solid #f6f6f6
            }
            .header:after {
                width: 0
            }
            .fixtop {
                padding: 0
            }
            .navH {
                height: 84px
            }
            #logo img {
                height: 40px;
                margin-top: 4px
            }
            .footer .right {
                text-align: left;
                margin-top: 10px
            }
            .breadNav .left {
                display: none
            }
        }

        @media (max-width:880px) {
            .nav>li>a {
                padding-left: 10px;
                padding-right: 10px
            }
        }

        @media (max-width:1030px) {
            .nav>li>a {
                padding-left: 10px;
                padding-right: 10px
            }
            .navbar-nav>li {
                margin-right: 2px
            }
        }

        @media screen and (max-width:912px) and (min-width:768px) {
            .nav>li>a {
                padding-left: 8px;
                padding-right: 8px
            }
            .navbar-nav>li {
                margin-right: 0px
            }
        }

        @media screen and (max-width:860px) and (min-width:768px) {
            .nav>li>a {
                padding-left: 4px;
                padding-right: 4px
            }
            .navbar-nav>li {
                margin-right: 0px
            }
        }

        @media screen and (max-width:800px) and (min-width:768px) {
            .nav>li>a {
                padding-left: 2px;
                padding-right: 2px
            }
            .navbar-nav>li {
                margin-right: 0px
            }
        }

        .caret {
            float: right;
            margin-top: 6px;
            border-top: 6px dashed;
            border-right: 6px solid transparent;
            border-left: 6px solid transparent
        }
    </style>
    <style>
        .j_er {
            width: 100%;
            margin-top: 30px
        }

        .j_er .fl {
            margin-top: 8px;
            margin-left: 30px
        }

        .x_fx {
            margin-top: 10px;
            margin-left: 30px
        }

        .x_fx h4 {
            font-size: 16px;
            color: #333;
            line-height: 36px
        }

        .j_er .fl p {
            font-size: 20px;
            color: #333;
            line-height: 36px
        }
    </style>
    {/if}

    <meta http-equiv="mobile-agent" content="format=xhtml;url=/index.php">
    <script type="text/javascript">
        if (window.location.toString().indexOf('pref=padindex') != -1) {
        } else {
            if (/applewebkit.*mobile/i.test(navigator.userAgent.toLowerCase()) || (/midp|symbianos|nokia|samsung|lg|nec|tcl|alcatel|bird|dbtel|dopod|philips|haier|lenovo|mot-|nokia|sonyericsson|sie-|amoi|zte/.test(navigator.userAgent.toLowerCase()))) {
                try {
                    if (/android|windows phone|webos|iphone|ipod|blackberry/i.test(navigator.userAgent.toLowerCase())) {
                        // window.location.href = "/index.php";
                    } else if (/ipad/i.test(navigator.userAgent.toLowerCase())) {
                    } else {
                    }
                } catch (e) {
                }
            }
        }
    </script>
</head>
<body>
{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
<!--网站公用头部——开始-->
<header class="main-header">
    <div class="container">
        <!-- Start NavBar Area -->
        <nav id="nav" class="navbar">
            <div class="navbar-header">
                <div class="navbar-logo">
                    <!-- Start Website Logo -->
                    <a href="{siteurl($siteid)}" class="navbar-brand">
                        <img src="/uploadfile/uploads/allimg/20230107/2-23010G413552J.png" class="logo" alt="Logo">
                    </a>
                    <!-- End Website Logo -->
                </div>
                <!-- Start Menu Area -->

                <div class="navbar-menu">
                    <ul class="nav-list">
                        <li class="{if !$catid}active-li{/if}"><a href="/index.php">首页</a></li>
                        {loop $data $r}
                        <li class="{if $catid==$r['catid']||$CATEGORYS[$catid][parentid]==$r['catid']}active-li{/if}">
                            <a href="{$r['url']}">{$r['catname']}</a>
                        </li>
                        {/loop}
                    </ul>
                </div>
                <!-- End Menu Area -->
            </div>
        </nav>
        <!-- End NavBar Area -->
        <div class="fixed-top hidden">

            <nav class="navbar navbar-dark bg-white">

                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
                    <!-- <span class="navbar-toggler-icon"></span> -->
                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
                        <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
                    </svg>
                </button>

            </nav>

            <div class="collapse shadow rounded" id="navbarToggleExternalContent">
                <div class="bg-white p-4">
                    <!-- <h5 class="text-white h4">Collapsed content</h5>
                    <span class="text-muted">Toggleable via the navbar brand.</span> -->
                    <ul class="nav-item-wrap">
                        <li class="nav-item {if !$catid}active-li{/if}"><a href="/index.php">首页</a></li>
                        {loop $data $i $r}
                        <li class="nav-item {if $catid==$r['catid']||$CATEGORYS[$catid][parentid]==$r['catid']}active-li{/if}">

                            <button type="button" data-toggle="collapse" data-target="#navbarToggleItemContent{$i}" aria-controls="navbarToggleItemContent{$i}" aria-expanded="false" aria-label="Toggle navigation">
                                <a href="{$r['url']}">{$r['catname']}</a>

                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"></path>
                                </svg>
                            </button>

                        </li>
                        {pc:content action="category" catid="$r['catid']" num="25" siteid="$siteid" order="listorder ASC" return="data1"}
                        <ul class="collapse about-us-item-wrap" id="navbarToggleItemContent{$i}">
                            {loop $data1 $i1 $r1}
                            <li class="nav-item children about-us-item "><a href="{$r1['url']}">{$r1['catname']}</a></li>
                            {/loop}
                        </ul>
                        {/pc}
                        {/loop}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>

{/pc}
<!--网站公用头部——结束-->
